#cssmenu{
height:37px; 
display:block; 
padding:0; 
margin: 0 auto;
width:1020px;
} 
#cssmenu > ul {
list-style:inside none; 
padding:0; 
margin:0;
} 
#cssmenu > ul > li {
list-style:inside none; 
padding:0; 
margin:0; 
float:left; 
display:block; 
position:relative;
} 
#cssmenu > ul > li > a{ 
outline:none; 
display:block; 
position:relative; 
padding:12px 20px; 
font:bold 15px/100% Arial, Helvetica, sans-serif; 
text-align:center; 
text-decoration:none; 
} 
#cssmenu > ul > li:first-child > a{
	border-radius:5px 0 0 5px;
} 
#cssmenu > ul > li > a:after{ 
content:''; 
position:absolute; 
border-right:1px solid; 
top:-1px; 
bottom:-1px; 
right:-2px; z-index:99; 
} 
#cssmenu ul li.has-sub:hover > a:after{
top:20; 
bottom:0;
} 
#cssmenu > ul > li.has-sub > a:before{ content:''; 
position:absolute; 
top:18px; right:6px; 
border:6px solid transparent; 
border-top:7px solid #FFF; 
} 
#cssmenu > ul > li.has-sub:hover > a:before{
top:19px;
}
/*cuando tiene el hover los submenus, estilo del menu padre*/ 
#cssmenu ul li.has-sub:hover > a{ 
background:#F90; 
border-color:#3f3f3f; 
padding-bottom:13px; 
padding-top:13px; 
top:-1px; 
z-index:999;
border-radius:5px 5px 0px 0px; 
} 
/*El div de los submenus*/
#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div{
display:block;
top:37px;
background:#F90; 
background:-moz-linear-gradient(top, #F90  0%, #FC3 100%); 
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#F90 ), color-stop(100%,#FC3 )); 
background:-webkit-linear-gradient(top, #F90 0%,#FC3  100%);
background:-o-linear-gradient(top,  #F90  0%,#FC3 100%); 
background:-ms-linear-gradient(top, #F90  0%,#FC3 100%); 
background:linear-gradient(top, #F90  0%,#FC3  100%); 
filter progid:DXImageTransform.Microsoft.gradient(startColorstr='#F90', endColorstr='#FC3',GradientType=0);  
text-align:center; 
}
/*color cuando el menu que tiene submenus tiene el hover*/ 
#cssmenu ul li.has-sub > a:hover{
background:#FC3;
border-radius:5px 5px 0px 0px;
}
#cssmenu ul li > ul, #cssmenu ul li > div{ display:none; 
width:auto; 
position:absolute; 
top:38px; 
padding:10px 0; 
background:#3f3f3f; 
border-radius:0 0 5px 5px; 
z-index:999; 
} 
#cssmenu ul li > ul{
width:250px;
} 
#cssmenu ul li > ul li{
display:block; 
list-style:inside none; 
padding:0; 
margin:0; 
position:relative;
} 
#cssmenu ul li > ul li a{ 
outline:none; 
display:block; 
position:relative; 
margin:0; 
padding:8px 20px; 
font:bold 15px/100% Arial, Helvetica, sans-serif;
color:#FFF;
text-decoration:none;
} 

#cssmenu, #cssmenu > ul > li{
background:#F90; 
background:-moz-linear-gradient(top, #F90  0%, #FC3 100%); 
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#F90 ), color-stop(100%,#FC3 )); 
background:-webkit-linear-gradient(top, #F90 0%,#FC3  100%);
background:-o-linear-gradient(top,  #F90  0%,#FC3 100%); 
background:-ms-linear-gradient(top, #F90  0%,#FC3 100%); 
background:linear-gradient(top, #F90  0%,#FC3  100%); 
filter progid:DXImageTransform.Microsoft.gradient(startColorstr='#F90', endColorstr='#FC3',GradientType=0); 
border-radius:5px; 
}

#cssmenu > ul > li > a{
border-right:1px solid#333; 
color:#FFF;
text-decoration:none; 
font:bold 15px/100% Arial, Helvetica, sans-serif;
} 
#cssmenu > ul > li > a:after{
border-color:#fff;
}
/*efecto de color de la etiqueta a con hover*/
#cssmenu  ul li a:hover{
background:#FC3; 

top:-1px; 
z-index:999; 
border-color:#3f3f3f;
border-radius:7px 7px 7px 7px;
}
#cssmenu a:hover{ 
font:bold 15px/100% Arial, Helvetica, sans-serif;
} 